<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Emmet语法</title>
</head>

<body>
  <!-- .类名 默认生成div标签 -->
  <div class="box">.box</div>
  <!-- #id 默认生成div标签 -->
  <div id="a">#a</div>
  <!-- 指定标签的同时指定类名 -->
  <h2 class="title">h2.title</h2>
  <!-- 在指定标签的同时指定类名和id -->
  <p class="title1" id="b">p.title1#b</p>
  <!-- 同时生成多个标签 -->
  <!-- a*3 -->
  <a href=""></a>
  <a href=""></a>
  <a href=""></a>
  <!-- 指定内容 -->
  <!-- h3{h3标签} -->
  <h3>h3标签</h3>
  <!-- 指定属性 -->
  <!-- div[title="div"] -->
  <div title="div">title属性</div>
  <!-- 使用>符号表示下一级 -->
  <!-- div>h2 -->
  <div>
    <h2></h2>
  </div>
  <!-- 使用+表示同级 -->
  <!-- h2+p -->
  <h2></h2>
  <p></p>

</body>

</html>